<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|文件</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/file.css">
</head>
<body>
<div class="header">
    <a href="index.html"><img class="home-icon" lay-title="回到首页 Ctrl+H" src="images/home.svg" alt=""></a>
    <button class="layui-btn layui-btn-xs logout-btn" type="button" id="logout">退出</button>
</div>
<div class="center" id="center">
    <div class="main" id="main">
        <!-- 当前路径 -->
        <input type="hidden" id="parent" value="">
        <!-- 按钮 -->
        <div class="layui-btn-container">
            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="goBack"
                    style="padding: 0 6px;">
                <i class="layui-icon layui-icon-left"></i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm" id="upload">上传文件</button>
            <button type="button" class="layui-btn layui-btn-sm" id="newFolder">新建文件夹</button>
            <button type="button" class="layui-btn layui-btn-sm" id="delAll">全部删除</button>
            <button type="button" class="layui-btn layui-btn-sm" id="move">移动到</button>
            <button type="button" class="layui-btn layui-btn-sm" id="downloadAll">备份</button>
        </div>
        <div class="search-div">
            <div class="layui-inline">
                <label for="searchName">搜索文件：</label>
                <input class="layui-input" id="searchName" placeholder="请输入文件名称" autocomplete="off">
                <button type="button" class="layui-btn layui-btn-sm" id="search">查询</button>
            </div>
            <div class="layui-inline">
                当前路径：<span class="layui-breadcrumb" lay-separator="/" lay-filter="floors" id="floors"></span>
            </div>
        </div>
        <!-- 数据表格 -->
        <table id="fileList" lay-filter="fileList"></table>
        <!-- 操作 -->
        <script type="text/html" id="operates">
            <a class="layui-btn layui-btn-xs" lay-event="download">下载</a>
            <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">修改</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        </script>
        <div>已使用：<span id="used">0 M</span> / 剩余：<span id="rest">0 M</span></div>
    </div>
</div>
<div class="footer">
    © 2020 网络收藏夹 || 网络收藏夹版权所有
</div>
<div id="folderTree" style="display: none;padding: 10px"></div>
<div id="layuiUpload" style="display: none;padding: 10px">
    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="testList">选择文件</button>
    <div class="layui-upload-list" style="max-width: 1000px;">
        <table class="layui-table">
            <colgroup>
                <col>
                <col width="150">
                <col width="260">
                <col width="150">
            </colgroup>
            <thead>
            <tr>
                <th>文件名</th>
                <th>大小</th>
                <th>上传进度</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="demoList"></tbody>
        </table>
    </div>
    <button type="button" class="layui-btn layui-btn-sm layui-btn-disabled" disabled="disabled" id="testListAction">开始上传</button>
</div>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script src="js/file.js"></script>
</body>
</html>
